@charset "utf-8";/* CSS Document */





html, body, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, submit, input, textarea, select, table, tr, th, td, hr, pre, sup, address, cite, dfn, em, var, blockquote {	margin:0;	padding:0;	list-style:none;}

html {	min-height:100%;	border:none 0;	-webkit-text-size-adjust:100%;	-ms-text-size-adjust:100%;}

* {	margin:0px;	padding:0px;}

ul, ol {	list-style-type: none;}

button, submit, input, select, textarea {	font:12px/1.5 Tahoma, "Microsoft YaHei", arial, simsun, sans-serif;	outline:none;}

button, submit, input, select {	vertical-align:middle;}

button, submit {	cursor:pointer;}

textarea {	resize:none;	outline:none;}

button::-moz-focus-inner, submit::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {padding:0;border:none;}

table {	border-collapse:separate;	border-spacing:0;}

th, td {	text-align:left;}

address, cite, dfn, em, var {	font-style:normal;}

img {	border:none;	border:none;	vertical-align:middle;}

iframe {	vertical-align: top;}

*html {zoom:expression(function(ele) {ele.style.zoom = "1";document.execCommand("BackgroundImageCache", false, true)

}

(this))

}

.ui_clear {*zoom:1

}

.ui_clear:after {	content:'\20';	display:block;	clear:both;	height:0;	overflow: hidden;}

.hide {	display: none;}

/* ====================================================================

@ set common style

======================================================================= */

body {	font-size:12px;	font-family:"微软雅黑";overflow-x: hidden;}

.float {	float:none;}

a {	text-decoration:none;}

img {-webkit-transition: all ease .3s;transition: all ease .3s;}

.float {	float:left;}

.clear {	clear:both;}









#header {	width:100%;	margin:auto;	height:73px;	background:url(../images/header.png);

    display:block;	position:fixed;	z-index:9999;-webkit-transition: all ease .5s;

    transition: all ease .5s;}

.headroom--unpinned {	position:fixed;	top:-73px;}

.headroom--pinned {	position:fixed;	top:0;}

.top {	width:1200PX;	margin:auto;}

.language{float:right;

    margin-top:10px;

    color:#CCC;

    font-family:"微软雅黑";

    font-size:12px;

}

.language a{color:#CCC;}

.language a:hover{color:#FFF;}

.logo {	float:left;}

.nav {	float:right;}

.nav ul > li {	float:left;	line-height:73px;width: 120px;position: relative;text-align: center;}

.nav ul > li > a {	font-size:16px;	color:#fff;position: relative;padding:26px 28px;}

.nav ul > li > a::after{

    position: absolute;

    content: '';

    bottom: 0;

    left: 50%;

    width: 0;

    height: 3px;

    background-color: #88b81d;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-transition: width .25s ease;

    transition: width .3s ease;

}

.nav ul > li:hover a::after {

    width: 100%;

}

.nav ul > li > a:hover {}

.nav ul > li > a:hover, .nav ul > li.active > a {	color:#88b81d;}

.nav ul > li > ol{position: absolute;background: #f7f7f7;width: 120px;z-index: 999;top:73px;left:0px;display: none;padding:10px 0;}

.nav ul > li:hover > ol{display: block;}

.nav ul > li > ol li{line-height: 36px;text-align: center;}

.nav ul > li > ol li a{font-size: 16px;color: #666;}

.nav ul > li > ol li a:hover{	color:#88b81d;}

.nav ul > li > ol.cur{width: 1000px;left:-600px;height: 400px;}

.nav ul > li > ol.cur li{width: 170px;float: left;text-align: left;padding-left: 30px;margin-top: 15px;}

.nav ul > li > ol.cur li h5{height: 30px;}

.nav ul > li > ol.cur li h5 a{font-size: 16px;line-height: 30px;font-weight: normal;}

.nav ul > li > ol.cur li p{height: 30px;margin-left: 10px;}

.nav ul > li > ol.cur li p a{font-size: 14px;line-height: 30px;}

.nav ul > li > ol.cur_1{width: 200px;left:400px;height: 400px;}

.nav ul > li > ol.cur_1 li{width: 140px;padding:0;

    background: linear-gradient(to right,#88b81d,#b6dc51);border-radius: 20px;

    height: 40px;margin-top: 10px;text-align: center;line-height: 40px;margin-bottom: 15px;}

.nav ul > li > ol.cur_1 li a{color:#fff;}

.nav ul > li > ol.cur_1 li:hover {background: #fff;}

.nav ul > li > ol.cur_1 li:hover a{color:#88b81d;}



.package-item{float:left;width: 414px !important;}





#banner {	height:652px;	background:url(../images/banner_bg.jpg) no-repeat center bottom;}

.flexslider {	position:relative;	height:652px;	overflow:hidden;	background:url(../images/loading.gif) 50% no-repeat;}

.slides {	position:relative;	z-index:1;}

.slides li {	height:652px;}

.flex-control-nav {	position:absolute;	bottom:10px;	z-index:2;	width:100%;	text-align:center;}

.flex-control-nav li {	display:inline-block;	width:20px;	height:20px;	margin:0 5px;*display:inline;	zoom:1;}

.flex-control-nav a {	display:inline-block;	width:20px;	height:20px;	line-height:40px;	overflow:hidden;	background:url(../images/dot.png) right 0 no-repeat;	cursor:pointer;	text-indent:-999px;	overflow:hidden;}

.flex-control-nav .flex-active {	background-position:0 0;}

#about {	width:100%;	margin:auto;	margin-top:59px;	display:block;	overflow:hidden;	margin-bottom:50px;}

.about {	width:1200px;	margin:auto;}

.about_us {	width:692px;	float:left;	display:block;	overflow:hidden;}

.about_us h3 {	margin:20px 0;	font-weight:normal;	font-size:22px;	color:#39955f;}

.about_us p {	font-size:14px;	line-height:30px;	color:#3d3d3d;}

.about_z{width: 100%;height: 240px;overflow: hidden;}

.about_z span{line-height: 30px;}

.video {	float:right;	background:url(../images/video.jpg) no-repeat;	width:444px;	height:370px;}

.video a img {	margin-top:82px;	margin-left:42px;	width:340px;	height:254px;}











#doubt {	height:540px;	width:100%;	margin:auto;	background:url(../images/index_01.jpg) no-repeat center;}

.doubt {	width:1200px;	margin:auto;}

.doubt ul {	width:1300px;	margin-top:380px;	float:left;}

.doubt ul li {	float:left;	color:#fff;	line-height:28px;	font-size:16px;	width:307px;	margin-right:6px;}

.doubt ul li p {	margin-left:98px;	margin-right:33px;}

.doubt ul li a {	text-align:center;	color:#fff;	font-size:20px;	text-transform:uppercase;	margin-left:66px;	margin-top:29px;	float:left;}

#product {	width:100%;	margin:auto;	background:url(../images/product_bg.jpg) repeat-x center 55px;

    height:553px;	margin-top:3px;}

.product .p1{line-height: 45px;color: #888;margin-bottom: 10px;}

.product .p1 a{color: inherit;margin:0 5px;}

.product .p1 form{float: right;margin-right: 0px;}

.product .p1 form input{height: 30px;margin-top: 5px;}

.product .p1 form input[type="text"]{width: 130px;border:1px solid #eee;padding-left: 10px;}

.product .p1 form input[type="submit"]{width: 50px;background: #3a9a38;color: #fff;

    font-size: 14px;margin-left: -5px;border:none;}





.product {	width:1200px;	margin:auto;}

.product .title {	width:115px;	border-bottom:1px solid #3a9a38;	height:57px;}

.product .title img {	float:left;	margin-top:21px;}

.product .title h3 {	color:#1f1a17;	font-size:23px;	float:left;	font-weight:normal;	line-height:57px;	margin-left:9px;}

.product .tit p{float: right;}

.product .tit p span{font-size: 16px;color: #777;margin:0 25px;line-height: 65px;cursor: pointer;}

.product .tit p span.active{color: #3a9a38;}





.position form{float: left;margin-left: 65px;position: relative;top:-10px;}

.position form input{height: 30px;margin-top: 16px;}

.position form input[type="text"]{width: 130px;border:1px solid #eee;padding-left: 10px;}

.position form input[type="submit"]{width: 50px;background: #3a9a38;color: #fff;

    font-size: 14px;margin-left: -5px;border:none;}





.product .pro_1{width: 220px;float: left;margin-top: 15px;}

.product .pro_1 h5{font-size: 22px;color: #fff;background: #3a9a38;text-align: center;line-height: 55px;}

.product .pro_1 > ul > li{line-height: 50px;background: #fbfbfb;margin-bottom: 5px;padding-left: 20px;padding-bottom: 5px;}

.product .pro_1 li a{font-size: 18px;color: #666;}

.product .pro_1 li a:hover{color: #3a9a38;}

.product .pro_1 > ul > li ol{}

.product .pro_1 > ul > li ol li{padding-left: 15px;line-height: 35px;border-top: 1px dashed #eee;width: 170px;}

.product .pro_1 > ul > li ol li a{font-size: 15px;color: #888;}

.product .pro_1 > ul > li ol li a:hover{color: #3a9a38;}



.product .pro_2{width: 977px;float: right;display: none;}

.product .pro_2.active{display: block;}

.product .pro_2 li:hover p a{color: #ba1111;}

/*

.product .pro_2 li{width: 300px;height: 420px;margin-left: 25px;margin-top: 25px;float: left;}

.product .pro_2 li img{width: 300px;height: 300px;}

.product .pro_2 li p{text-align: center;line-height: 36px;}

.product .pro_2 li p a{font-size: 16px;color: #666;}

.product .pro_2 li p.p1{font-size: 14px;line-height: 28px;height: 84px;overflow: hidden;text-align: left;}



*/



.list-paddingleft-2 > li > p >span{padding:3px;margin-top: 5px;}

.list-paddingleft-2 > li > p >span:first-child{float: left;}



.pl_f{width: 100%;height: 50px;background: #f5f5f5;margin-top: 30px;}

.pl_f p a{font-size: 16px;color: #666;margin:0 10px;line-height: 45px;border:1px solid #ddd;border-radius: 3px;

    padding:3px 15px;}

.pl_f p a.active,.pl_f p a:hover{background: #0068e7;color: #fff;}



#caseIndex {	margin-bottom:20px;	margin-top:40px;}

#caseIndex .sl_area {	position:relative;	z-index:0;}

#caseIndex .sl_area .btn {	height:340px;	width:38px;	position:absolute;	right:0;	top:0;	overflow:hidden;}

#caseIndex .sl_area .btn .prev {	height:167px;	width:38px;	margin-bottom:6px;}

#caseIndex .sl_area .btn .next {	height:55px;	width:55px;}

#caseIndex .sl_area .btn .prev:hover img {	cursor:pointer;}

#caseIndex .sl_area .btn .next:hover img {	cursor:pointer;}

#caseIndex .sl_area .list {	width:9999999px;}

#caseIndex .sl_area .list li {	height:338px;	width:285px;	border:1px solid #36ad6c;	float:left;	margin-right:3px;}

#caseIndex .sl_area .list li div {	width:252px;	height:252px;	display:block;	overflow:hidden;}

#caseIndex .sl_area .list li img {	width:252px;	height:252px;	margin-top:10px;	margin-left:10px;-webkit-transition: all ease .3s;transition: all ease .3s;}

#caseIndex .sl_area .list li img:hover {	-webkit-transform: scale(1.1);	transform: scale(1.1);}

#caseIndex .sl_area .list li p {	text-align:center;	margin-top:15px;}

#caseIndex .sl_area .list li p a {	color:#505050;	font-size:16px;}

#caseIndex .sl_area .list li p a:hover {	color:#34aa69;}





/* 关于我们 */

.pro_b .right{width: 50%;height: 660px;position: relative;overflow: hidden;background: #fafafa;float: right;}

.pro_b .right .swiper-slide {background-position: center;background-size: cover;width: 100%;height: 660px;}





.pro_b .left{width: 50%;height: 660px;background: url("../images/aa0.jpg") no-repeat left center;float: left;}

.pro_b .left .case{width: 550px;float: right;height: 660px;padding-right: 50px;overflow: hidden;}

.pro_b .left >div p{font-size: 16px;color: #666666;height:220px;line-height: 32px;overflow: hidden;margin-bottom: 48px;

    margin-top: 65px;text-align: justify;}

.pro_b .left >div p a{color: #ce2820;font-size: 14px;}

.pro_b .left > div span{padding:13px 40px;color: #666;font-size: 16px;background: #fff;margin-right: 5px;cursor: pointer;}

.pro_b .left > div span.active{color: #fff;background:linear-gradient(to right,#88b81d,#b6dc51);}



.pro_b .left h3{font-size: 30px;color: #333333;line-height: 60px;font-weight: bold;margin-top: 100px;}

.pro_b .left h6{font-size: 18px;color: #666666;}

.pro_b .left hr{width: 30px;border:none;background: #333;height: 2px;float: left;}

.pro_b .left h4{margin-bottom: 38px;}

.pro_b .left h4 span{padding:5px 25px;border:1px solid #eee;margin-right: 30px;border-radius: 16px;cursor: pointer;}

.pro_b .left h4 span.active{background: #228df4;color: #fff;border:none;}

.pro_b .left >div li{float: left;margin-right:40px; }

.pro_b .left >div li:nth-child(3n){margin-right: 0;}

.pro_b .left >div li img{width: 200px;height: 128px;}

.about_f ul{display: none;}





.sl_header, .sl_wrapper, .sl_footer {	display:block;	min-width:1008px;}

.product_nr {	width:1159px;	display:block;	overflow:hidden;}

.sl_area {	display:block;	width:1200px;	margin:0 auto;	clear:both;	overflow:hidden;}

.sl_header {	width:100%;	position:fixed;	z-index:99999;}

.tp{ position:relative;}

.sjx{width:20px; height:12px; z-index:6; position: absolute;top:0px;left:50%;}

.sjx2{width:20px; height:12px; z-index:6; position:absolute; bottom:0px; left:50%;}



#proHotIndex .sl_area {	position:relative;}

#proHotIndex .sl_area .btn {	height:340px;	width:134px;	position:absolute;	right:0;	top:0;	overflow:hidden;}

.product_more {	width:100%;	height:62px;	background:#f7f7f7;	text-align:center;	line-height:62px;	font-size:16px;	color:#7b7b7b;	text-transform:uppercase;}

#program {	width:100%;	margin:auto;	background:url(../images/index_03.jpg) no-repeat center;	height:756px;	display:block;	overflow:hidden;	padding-bottom:30px;}

.program {	width:1200px;	margin:auto;	margin-top:19px;}

.program a:hover {	text-decoration:underline;}

.program_title {	text-align:center;	margin-bottom:22px;}

.program ul li {	float:left;	display:block;	overflow:hidden;	width:296px;}

.program ul li .tp {	float:left;	width:300px;	height:232px;	overflow:hidden;}

.program ul li .tp a img {	width:296px;	height:232px;}

.program ul {	margin-left:8px;}

.program ul li .wz {	background:#3a9a39;	width:296px;	height:232px;	float:left;}

.program ul li .wz a {	color:#2a9f01;	font-size:16px;	margin-top:51px;	display:block;	text-align:center;}

.program ul li .wz span {	text-align:center;	color:#7a7a7a;	font-size:12px;	display:block;	text-transform:uppercase;	line-height:47px;	margin-bottom:20px;	background:url(../images/span_bg.jpg) no-repeat bottom center;}





.program ul li .wz p {	color:#707070;	line-height:26px;	margin-left:28px;	margin-right:28px;	font-size:14px;}

#wz_one {	background:url(../images/img_01.png) no-repeat bottom center #ffffff;}

#wz_two {	background:url(../images/case_li_bg3.png) no-repeat left center #97c032;}

#wz_three {	background:url(../images/case_li_bg2.png) no-repeat right center #555555;}

#four {	background:url(../images/case_li_bg2.png) no-repeat right center #eed006;}

.program_title {	background:url(../images/title_bg.png) no-repeat center top;	height:110px;	margin-top:84px;}

.program_title h3 {	font-size:18px;	color:#000000;	font-weight:normal;	line-height:42px;}

.program_title p {	color:#939190;	font-size:13px;	text-transform:uppercase;	margin-top:10px;}















#youshi {	width:100%;	margin:auto;	background:url(../images/product_bg.jpg) repeat-x top;	margin-top:3px;}

.youshi {	width:1200px;	margin:auto;}

.youshi .title {	border-bottom:1px solid #3a9a38;	height:57px;}

.youshi .title img {	float:left;	margin-top:21px;}

.youshi .title h3 {	color:#1f1a17;	font-size:23px;	float:left;	font-weight:normal;	line-height:57px;	margin-left:9px;	float:left;}

.youshi .title div {	float:right;}

.youshi ul {	background:url(../images/youshi_bg.jpg) no-repeat center;	height:400px;	margin-top:40px;}

.youshi ul li {	float:left;	width:299px;	margin-right:1px;}

.youshi ul li h3 {	display:block;	overflow:hidden;	color:#3a9a38;	text-align:center;	font-size:18px;	font-weight:normal;	margin-top:118px;}

.youshi ul li span {	display:block;	overflow:hidden;	color:#3a9a38;	text-align:center;	font-size:14px;	text-transform:uppercase;	margin-top:10px;}

.youshi ul li p {	font-size:14px;	color:#6a6a6a;	line-height:24px;	margin:0px 30px;	margin-top:38px;}









#brand {	width:100%;	margin:auto;	height:279px;	background:url(../images/hz_bg.jpg) repeat-x bottom;	margin-top:46px;}

.brand {	width:1200px;	margin:auto;}

.brand_title {	text-align:center;	display:block;	overflow:hidden;	color:#323232;	font-size:24px;	margin-bottom:40px;}

.sl_area {	display:block;	margin:0 auto;	clear:both;	overflow:hidden;}

.sl_header {	width:100%;	position:fixed;	z-index:99999;}

/*indexPro*/

#proHotIndex {	height:152px;	overflow:hidden;	width:1200px;}

.proHotIndexTit {	background:url(../images/hmimg_08.jpg) left center no-repeat;	padding-left:30px;}

.proHotIndexTit h3 {	font-size:30px;	height:32px;	line-height:32px;	font-weight:normal;}

.proHotIndexTit h3 em {	color:#8fc31f;}

#proHotIndex ul {	width:9999999999999999px;	float:left;	margin:0px;	padding:0px;	position:relative;	z-index:99;}

#proHotIndex ul li {	float:left;	width:152px;	height:152px;	padding-right:37px;}

#proHotIndex ul li img {	height:152px;	width:152px;}

#proHotIndex .sl_area {	position:relative;}

#proHotIndex .sl_area .btn {	height:50x;	width:100%;	position:absolute;	margin-top:35px;	top:0;	left:0;	z-index:1;}

#proHotIndex .sl_area .btn .prev {	height:50px;	width:33px;	float:left;}

#proHotIndex .sl_area .btn .next {	height:50px;	width:33px;	float:right;}

#proHotIndex .sl_area .btn .prev:hover {	cursor:pointer;	opacity:1;}

#proHotIndex .sl_area .btn .next:hover {	cursor:pointer;	opacity:1;}









.case{ width:1200px;  overflow:hidden; margin:auto;}

.case.demo{ width:100%;position:relative;}

.case .tabbtn{ float:left; margin-left:26px; width:227px; margin-top:43px;}

.case .demo_left{ width:289px; height:545px; border:1px solid #c8c8c8; float:left; margin-top:80px;}

.case .tabbtn li{position:relative;}

.case_left{ margin:10px; background:#f3f3f3; width:269px; height:525px;}

.case_left .case_title{ margin-left:25px; display:block; overflow:hidden; float:left;}

.case_left .case_title h3{ color:#4b4840; font-size:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-top:38px; float:left;}

.case_left .case_title p{ float:left; display:block; width:100%; font-size:20px; color:#4b4840; font-family:"微软雅黑";}

.case_left .case_title a{ margin-top:30px; float:left; cursor:pointer;}



.case .tabbtn li a{display:block;overflow:hidden; font-size:16px; line-height:42px; color:#000; margin-bottom:4px; height:42px; color:#2d2d2d; font-family:"微软雅黑"; padding-left:10px;}

.case .tabbtn li.current a{ color:#fff; background:url(../images/product_li_bg_link.png); }



.case .tabcon{ width:892px;float:left; display:block; overflow:hidden; float:right; margin-top:80px;}

.case .case_r_t{ width:892px; height:344px; background:#599d41;}

.case .case_dt{ float:left; width:488px; height:316px; margin-top:14px; margin-left:22px;}





.case .case_wz{ color:#fff; width:300px; float:left; margin-left:42px; margin-top:14px;}

.case .case_wz h3{ height:35px; line-height:35px; display:block; text-align:center; border-bottom:1px solid #71b659; font-weight:normal;}

.case .case_wz h3 a{ text-align:center; font-size:18px; color:#fff;}

.case .case_wz p{ font-size:14px; line-height:31px; margin-top:15px; height:195px;}

.case .case_link{ margin-left:39px;}

.case .case_link a{ width:100px; height:31px; border:1px solid #e2e2e2; display:block; overflow:hidden; text-align:center; line-height:31px; float:left; font-size:14px; color:#fff; margin-right:18px;}

.case .case_link a:hover{ text-decoration:underline;}

.case .tabcon .sublist ul{ width:950px; margin-top:20px;}

.case .tabcon .sublist ul li{ float:left; margin-right:20px;}











.aaa {	width:1100px;	display:block;	overflow:hidden;}

#case {	width:100%;	margin:auto;	height:706px;	background:url(../images/case_bg.jpg) no-repeat center;}

.case {	width:1200px;	margin:auto;}

#area {	height:474px;	width:100%;	margin:auto;	background:url(../images/index_04.jpg) no-repeat top center;}

.area {	width:1200px;	margin:auto;}

.area .title {	text-align:center;}

.area .title h3 {	font-size:30px;	color:#0f0f0f;	padding-top:75px;}

.area .title p {	font-size:16px;	color:#666666;	line-height:35px;}

.area ul {	margin-top:38px;	width:1400px;}

.area ul li {	float:left;	margin-right:170px;	text-align:center;}

.area ul li p a {	font-size:16px;	color:#333333;	display:block;

    background:url(../images/icons.png) no-repeat top left;	width:161px;

    padding-top:170px;	line-height:37px;}

.area ul li.hover p a {	color:#008f4b;}

.area ul li.i2 a {	background-position: -161px top;}

.area ul li.i3 a {	background-position: -322px top;}

.area ul li.i4 a {	background-position: -483px top;}

.area ul li.i1.hover a {	background-position:-644px top;}

.area ul li.i2.hover a {	background-position:-805px top;}

.area ul li.i3.hover a {	background-position:-966px top;}

.area ul li.i4.hover a {	background-position:-1127px top;}











#affiliate {	width:100%;	height:730px;	background:url(../images/index_05.jpg) no-repeat center;}

.affiliate {	width:1200px;	margin:auto;}

.affiliate .title {	text-align:center;}

.affiliate .title h3 {	font-size:50px;	text-align:center;	color:#333333;	font-weight:normal;	line-height:120px;}

.affiliate .title p {	font-size:18px;	color:#333333;	line-height:36px;}

.affiliate ul{ width:1300px; margin-left:28px; margin-top:78px;}

.affiliate ul li {	width:231px;	float:left;	height:397px;	position:relative; margin-right:74px;}

.affiliate ul li h3{	font-size:20px;	color:#fff;	font-weight:normal;	background:url(../images/img_03.png) no-repeat;	width:103px;	height:87px;	text-align:center;	padding-top:22px;	position:absolute;	z-index:10;	margin-left:64px;	top:-62px; z-index:100;}

.affiliate ul li .content{	position:relative;	height:100%;	width:100%;}

.affiliate ul li .content img {	position:absolute;	top:0;	left:0;	height:100%;	width:100%;}

.affiliate ul li .content .desc{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	background:url(../images/img_02.png) no-repeat center center;	color:white;display:none; text-align:center; z-index:99;}

.affiliate ul li .content .desc span{ font-size:20px; text-align:center;width:231px; display:block; margin-top:150px;}

.affiliate ul li .content .desc p{ font-size:14px; line-height:30px;padding:0 20px;}

.affiliate ul li .content .desc a{ width:120px; height:30px; border:1px solid #bfbfbf; display:block; overflow:hidden; font-size:26px; line-height:30px; text-align:center; color:#bfbfbf; margin-left:50px; margin-top:25px;}

.affiliate ul li .content:hover .desc {	display:block;}

.affiliate ul li .content .mask {	height:100%;	width:258px;	background:url(../images/affiliate_kk.png) no-repeat;	position:absolute;	top:0;	left:0;}



#mask_two{height:100%;	width:258px;	background:url(../images/affiliate_kk2.png) no-repeat;	position:absolute;	top:0;	left:0;}

#mask_three{height:100%;	width:258px;	background:url(../images/affiliate_kk3.png) no-repeat;	position:absolute;	top:0;	left:0;}

#mask_four{height:100%;	width:258px;	background:url(../images/affiliate_kk4.png) no-repeat;	position:absolute;	top:0;	left:0;}







#news {	width:100%;	margin:auto;	background:url(../images/product_bg.jpg) repeat-x top;	margin-top:3px;}

.news {	width:1200px;	margin:auto; overflow: hidden;}

.news .title {	border-bottom:1px solid #3a9a38;	height:57px;}



.news .title img {	float:left;	margin-top:21px;}

.news .title h3 {	color:#1f1a17;	font-size:23px;	float:left;	font-weight:normal;	line-height:57px;	margin-left:9px;	float:left;}

.news .title span{float: right;}

.news .title span a{font-size: 16px;color: #666;line-height: 57px;}

.news .title span a.active{color: #3d71e7;}

.news .title span a em{color: #ddd;margin:0 10px;}

.news_q > div{display: none;}

.news .title div {	float:right;}

.tp_news {	width:489px;	float:left;	margin-top:41px;	margin-right:81px;}

.tp_news a img {	width:489px;	height:231px;	margin-bottom:20px;}

.tp_news div a {	color:#1f1a17;	font-size:18px;}

.tp_news div p {	line-height:34px;	font-size:14px;	color:#787878;}

.tp_news div span a {	color:#2da261;	font-size:14px;}

.wz_news {	width:630px;	float:left;	margin-top:41px;}

.wz_news ul li {	margin-bottom:11px;	float:left;	display:block;	overflow:hidden;	height:104px;}

.wz_news ul li .news_left_one {	padding-right:2px;	color:#787878;	font-size:60px;	font-weight:normal;	font-family:"方正兰亭超细黑简体";	height:74px;	border-right:1px solid #9e9e9e;	width:81px;	height:75px;	float:left;	margin-right:25px;}

.news_right_one {	float:left;	width:500px;}

.news_right_one a {	color:#1f1a17;	font-size:16px;	line-height:38px;}

.news_right_one p {	font-size:14px;	line-height:27px;	color:#787878;}

.news_left_one {	margin-top:14px;	margin-left:9px;}

.wz_news ul li:hover {	background:#787878;	color:#fff;}

.wz_news ul li:hover a {	color:#fff;}

.wz_news ul li:hover p {	color:#fff;}

.wz_news ul li:hover a {	color:#fff;}

.wz_news ul li:hover .news_left_one {	color:#fff;	border-right:1px solid #fff;}







#link{

    width:1200px;

    margin:auto;

    margin-top:50px;

}

#link img{

    margin-right:10px;

}

#link a {

    font-size: 14px;

    margin-right: 30px;

    color:#666

}

#link a:hover{color:#3AA800}







#footer {	width:100%;	height:463px;	background:url(../images/footer_bg.jpg) bottom repeat-x; margin-top:70px;}

.footer {	width:1200px;	margin:auto;}

.footer_t_l {	width:391px;	height:310px;	background:#30a261;	float:left;	display:block;	overflow:hidden;}

.footer_t_l img {	float:left;	margin-top:50px;	margin-left:56px;}

.footer_t_l div {	color:#fff;	margin-top:45px;	margin-left:25px;	float:left;	width:175px;}

.footer_t_l div h4 {	font-weight:normal;	font-size:14px;}

.footer_t_l div h3 {	color:#ffffff;	font-size:32px;	font-weight:normal;}

.footer_t_l div h5 {	font-size:12px;	font-weight:normal;}

.footer_t_l div h2 {	font-size:24px;	font-weight:normal;}

.footer_t_l p {	width:310px;	float:left;	margin-left:56px;	line-height:33px;	color:#fff;	margin-top:20px;	font-size:14px;}

.footer_t_r {	width:770px;	float:right;	margin-top:85px;}

.footer_t_r div {	float:left;	border-right:1px solid #373636;	padding-right:32px;	margin-left:32px;	height:211px;}

.footer_t_r div h3 a {	color:#ffffff;	font-size:15px;	font-weight:normal;	margin-bottom:23px;	display:block;	overflow:hidden;}

.footer_t_r div ul li {	line-height:27px;	height:27px;}

.footer_t_r div ul li a {	font-size:13px;	color:#828282;	font-family:"宋体";}

#footer_nav {	width:240px;}

#footer_nav ul li {	float:left;	width:110px;}

#footer_news {	border:none;}

.footer_b {	float:left;	width:100%;	margin-top:64px;}

.footer_b p {	float:left;	color:#ffffff;	font-size:14px;	margin-top:50px;width: 1000px;}

.footer_b p span{float: right;}

.footer_b p a {	color:#fff;}

.footer_b div {	float:right;}













#ny_banner{ width:100%; margin:auto; overflow:hidden; height:402px; z-index:1;}

.ny_banner{ width:400%; margin-left:-150%; text-align:center;}



#ny_banners{width: 100%;height: 402px;background: #dde5ed;}

#ny_banners .c{width: 1200px;margin:0 auto;}

.ny_banner_s{width: 700px;height: 410px;margin-left: 50%;padding-top: 70px;}

.ny_banner_s img{width: 530px;height: 400px;}

.ny_b{width: 50%;float: left;}

.ny_b h1{padding-top: 140px;font-size: 32px;color: #222;line-height: 100px;font-weight: lighter;}

.ny_b p{font-size: 16px;color: #666;}



#about_ny{ width:100%; margin:auto;  display:block; overflow:hidden;}

#about_t{width:100%; margin:auto; background:#f7f7f7; display:block; overflow:hidden;}

.about_ny{ width:1200px; margin:auto;}



.about_position{ width:1200px;}

.about_position_l{ float:left; margin-bottom:30px; margin-top:35px;}

.about_position_l h3{ font-size:26px; color:#444444; font-weight:normal; background:url(../images/about_img1.png) no-repeat right center;}

.about_position_l p{ color:#676767; font-size:14px; margin-top:5px;}

.about_position_l a{ color:#676767;}

.about_position_r{ float:right; margin-top:40px;}



.about_ny_itle{ height:69px; border-bottom:2px solid #ebe8e8; background:#fff;}

.about_ny_itle ul li{ float:left;}

.about_ny_itle ul li a{ font-size:16px; color:#000000; display:block; overflow:hidden; width:149px; height:65px; line-height:65px; text-align:center; background:#ffffff; border-bottom:2px solid #ffffff;}

.about_ny_itle ul li a:hover{ background:#62bd19; border-bottom:2px solid #4c980f; color:#fff;}

.about_ny_itle .active a{background:#62bd19; border-bottom:2px solid #4c980f; color:#fff;}

.about_nr h3{ color:#010101; font-size:20px; font-weight:normal; line-height:90px;}

.about_nr p{ line-height:35px; font-size:14px; color:#3f3e3e;}

.about_nr ul{ width:1250px; margin-bottom:65px; display:block; overflow:hidden; margin-top:60px;}

.about_nr ul li{ float:left; margin-right:37px;}





#about_b{ width:100%; margin:auto;}

.hzhb{ width:1200px; margin:auto;}

.hzhb h3{ text-align:center; font-size:18px; color:#000000; font-weight:normal; height:104px; line-height:104px;}

.hzhb ul{ border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; display:block; overflow:hidden;}

.hzhb ul li{ float:left; border:1px solid #cbcbcb; border-bottom:none; border-right:none;}



#main_ny{ width:100%; margin:auto; margin-bottom:10px;}

.main_ny{ width:1200px; margin:auto; display:block; overflow:hidden; margin-top:15px;}

.contents_l{ width:281px; float:left;}

.contents_r{ width:919px; float:left;}





.main_ny_l{ width:260px; float:left;}

.left_menu{ width:258px; margin-bottom:10px;background: #f7f7f7;}



.left_menu_title{ text-align:center; border-bottom:1px solid #ededed; height:71px; line-height:71px; color:#292929; font-size:16px; margin-left:1px; margin-right:1px;}

.left_menu ul{ margin-left:24px; margin-bottom:3px; margin-top:20px;}

.left_menu ul > li{ width:208px;border-bottom:1px solid #efefef; margin-bottom:7px; line-height:42px;}

.left_menu ul > li > ol{display: none;}

.left_menu ul > li > a{ padding-left:23px; font-size:16px; color:#191919;line-height: 42px;display: block;}

.left_menu ul > li ol li a{font-size: 14px;color: #666;padding-left: 30px;line-height: 30px;display: block;}

.left_menu ul > li:hover > ol{display: block;}

.left_menu ul > li a:hover{ color:#fff;background: #0068e7;}

.left_menu ul > li.active a{color:#fff;background: #0068e7;}



.so_left{float: left;margin-top: 30px;}

.so_left img{width: 504px;height: 316px;}

.so_right{width: 650px;float: right;height: 320px;overflow: hidden;margin-top: 30px;}

.so_right h3{font-size: 20px;color: #333;line-height: 50px;}

.so_right p{line-height: 32px;font-size: 16px;color: #666;}

.clear{clear: both;}

.c{width: 1200px;margin:0 auto;}

.sol_q{width: 100%;background: #f5f5f5;height: 500px;overflow: hidden;}

.sol_q h2{font-size: 30px;margin:50px;text-align: center;}

.sol_q li{width: 360px;height: 300px;}

.sol_q li img{width: 360px;height: 235px;}

.sol_q li p{text-align: center;font-size: 16px;color: #666;line-height: 50px;}

.sol_q li:hover p{color: #3a9a39;}



.sol_a h2{font-size: 30px;margin:50px;text-align: center;}

.sol_a li{width: 284px;height: 230px;float: left;margin-right: 21px;margin-bottom: 20px;}

.sol_a li:nth-child(4n){margin-right: 0;}

.sol_a li img{width: 284px;height: 183px;}

.sol_a li p{text-align: center;font-size: 16px;color: #666;line-height: 47px;}

.sol_a li:hover p{color: #3a9a39;}





.focus{ position:relative; width:258px; height:298px; background-color: #000; float: left; border:1px solid #cccccc; margin-bottom:10px;}

.focus img{ width:258px; height: 298px;}

.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}

.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }

.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}

.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }

.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}

.focus .fPic{ position:absolute; left:0px; top:0px; }

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }

.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:35px; line-height:35px; background:rgba(0,0,0,0.6);

    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }

.focus .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}

.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }

.focus .fcon img{ display:block; }

.focus .fbg{bottom:5px; right:5px; position:absolute; height:21px; text-align:center; z-index: 200; }

.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}

.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }

.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}

.focus .D1fBt img{display:none}

.focus .D1fBt i{display:none; font-style:normal; }

.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}

.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }

.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}

.focus .prev:hover{  background-position:0 0; }

.focus .next:hover{  background-position:-40px 0;}







.left_news{ background: #f7f7f7; width:258px; display:block; overflow:hidden; float:left; margin-bottom:10px;}

.left_news_title{ height:40px; background:#666; line-height:40px; font-size:16px; color:#ffffff; padding-left:15px;}

.left_news ul{ margin-top:15px; margin-bottom:15px;}

.left_news ul li{ height:35px; line-height:35px; background:url(../images/left_bg1.jpg) no-repeat left center; margin-left:18px;}

.left_news ul li a{ font-size:12px; color:#333333; margin-left:10px;}

.left_news ul li a:hover{ text-decoration:underline;}



.kf ul{ border:1px solid #d5d5d5; border-top:none;}

.kf ul li{ color:#2f2f2f; line-height:24px; margin-left:10px; margin-right:40px;}

.kf ul li img{ margin-top:15px; margin-bottom:15px;}







.main_ny_r{ width:925px; float:left; margin-left:15px;}

.position{ height:44px; border-bottom:1px solid #e0e0e0;}

.position span{ display:block; overflow:hidden; line-height:44px; font-size:16px; float:left;}

.position div{ float:right; line-height:44px; font-size:14px;}

.position div a{ font-size:14px; color:#292929;}

.position div a:hover{ text-decoration:underline;}



.experience{ margin-top:31px;}

.experience ul{ width:1000px;}

.experience ul li{ width:289px; height:247px; border:1px solid #e1e1e1; margin-right:26px; float:left; margin-bottom:26px;}

.experience ul li div{ width:263px; height:197px; margin-top:10px; margin-left:13px;}

.experience ul li div img{width:263px; height:197px;}

.experience ul li p{ margin-left:13px; height:40px; line-height:40px; font-size:14px;}

.experience ul li p a{ color:#292929;}

.experience ul li p a:hover{ text-decoration:underline;}





.pag{text-align:center;  clear:both; margin-bottom:20px; margin-top:45px;}

.pag a,.pag span{ padding:4px 8px; border:1px solid #bababa; margin:0px 2px; background:#f9f9f9; text-decoration:none; height:21px; min-width:23px; color:#000;}

.pag a:hover,.pag span.current{ background:#73ac2e; color:#FFF; border:1px solid #9f2c01; border:1px solid #73ac2e;}











#ny_gg{ width:100%; margin:auto; overflow:hidden; height:205px; z-index:1;}

.ny_gg{ width:400%; margin-left:-150%; text-align:center;}





.product_ny{ margin-top:31px;}

.product_ny > .ul{ width:1000px;}

.product_ny > .ul > .li{ width:288px; height:360px;margin-right:27px; float:left; margin-bottom:28px;background: #f9f9f9;}

.product_ny  > .ul > .li div{ width:267px; height:200px; margin-top:10px; margin-left:13px; }

.product_ny > .ul > .li div img{ width:265px; height:200px;}

.product_ny > .ul > .li p{ margin:0 13px; height:58px; line-height:58px; font-size:14px; border-bottom:1px dashed #afafaf; }

.product_ny > .ul > .li p a{ color:#292929;}

.product_ny > .ul > .li p a:hover{ text-decoration:underline;}

.product_ny > .ul > .li ul {font-size: 13px;margin-left: 27px;line-height: 25px;margin-top: 8px;height: 90px;}

.product_ny > .ul > .li ul li{list-style: disc;height: 25px;}



.product .pro_2 > ul{ width:977px;padding-top: 14px;padding-left: 15px;}

.product .pro_2 > ul > li{ width:305px; height:385px;margin:0 8px 15px 8px;

    float:left;background: #f9f9f9;}

.product .pro_2  > ul > li div{ width:285px; height:200px; margin-top:10px; margin-left:13px; }



.product .pro_2 > ul > li div img{ width:265px; height:200px;}





.product .pro_2 > ul > li p{ margin:0 13px; height:58px; line-height:58px; font-size:14px; border-bottom:1px dashed #afafaf; }

.product .pro_2 >ul > li p a{ color:#292929;}

.product .pro_2 > ul > li p a:hover{ text-decoration:underline;}

.product .pro_2 > ul > li ol {

    font-size: 13px;

    margin-left: 28px;

    line-height: 25px;

    margin-top: 8px;

    height: 90px;

}

.product .pro_2 > ul > li ol li{list-style: disc;line-height: 32px;}









.news_ny{ margin:20px; margin-top:30px;}

.news_ny ul li{ border-bottom:1px dashed #d9d9d9;display:block; overflow:hidden; height:214px; margin-top:20px;}

.news_ny ul li.news_nyk{height: 45px;line-height: 45px;margin:0;}

.news_ny ul li.news_nyk a{font-size: 16px;color: #666;}

.news_ny ul li.news_nyk:hover a{color: #6eab2b;}



.news_ny_tp{ width:226px; height:187px; border:1px solid #e6e7e7; float:left; }

.news_ny_tp img{ margin:5px; width:216px; height:172px;}





.news_ny_wz{ width:542px; float:left; margin-left:14px; margin-right:17px;}

.news_ny_wz>a{ color:#454444; font-size:14px;}

.news_ny_wz p{ line-height:33px; font-size:14px; color:#454444; margin-bottom:20px;}

.news_ny_wz div a{ display:block; overflow:hidden; width:110px; height:36px; border:1px solid #898989; border-top:none; border-left:none; background:#f5f5f5; text-align:center; line-height:36px; color:#454444; font-size:14px;}

.news_ny_wz a:hover{ text-decoration:underline;}

.news_date{ width:80px; height:60px; border:1px solid #dddddd; float:left; margin-top:20px; text-align:center; line-height:22px; color:#454444; font-size:14px; padding-top:20px;}









.news_ny_link{ margin:20px; margin-bottom:0px; width:885px; float:left; display:block; }

.news_ny_link_title{ color:#1f1f1f; font-size:18px; font-family:"微软雅黑"; text-align:center;}

.news_ny_link_title div{ font-size:12px; font-family:"宋体"; color:#717171; height:35px; line-height:35px; border-bottom:1px dashed #ccc;}

.news_ny_link p{ line-height:28px; font-size:14px; color:#1f1f1f; margin-top:15px;}

.news_ny_link img{ margin-top:15px; max-width:843px;}





.news_sy{ margin-top:50px; margin-bottom:50px;}

.news_sy div{ height:30px; line-height:30px;}

.news_sy div a{ color:#454444; font-size:14px;}

.news_sy div a:hover{ text-decoration:underline;}





.service{ margin:20px;}

.service img{max-width:843px;}

.service p{ line-height:30px; color:#545353;font-size:14px;}





.service2{ margin:20px;}

.service2 ul li{ height:62px; line-height:62px;}



.service2 ul li .service_left_wz{ float:left; margin-left:15px;}

.service2 ul li .service_left_wz a{ font-size:14px; color:#545353;}

.service2 ul li .xz{ width:18px; height:23px; display:block; overflow:hidden; float:right; margin-top:22px;

    margin-right:18px; background:url(../images/service2_im3.png) no-repeat;}

.service2 ul li .xz a{width:18px; height:23px; display:block; overflow:hidden; }

.service2 ul li .service_left_wz a:hover{ text-decoration:underline;}

.service2 ul li:hover{background:#f6f6f6;}

.service2 ul li:hover .xz:hover{background:url(../images/service2_im2.png) no-repeat;}







.service_faq{ margin:20px;}

.service_faq ul li{ margin-bottom:35px;}

.service_faq ul li div{ background:#eaeaea;}

.service_faq ul li div a{ color:#010101;}

.service_faq ul li div:hover{ background:#6eab2b; color:#fff;}

.service_faq ul li div:hover a{ color:#fff;}

.service_faq ul li a{ font-size:14px; color:#fff; height:50px; display:block; overflow:hidden; line-height:50px; margin-left:13px; padding-left:50px; background:url(../images/q_bg.png) no-repeat left center;}

.service_faq ul li p{ color:#3d3d3d; font-size:14px; line-height:30px;margin-left:13px; padding-left:50px; background:url(../images/a_bg.png) no-repeat left 10px;}







.cooperation{ margin:30px 15px;}

.cooperation img{max-width:895px; margin-top:20px;}

.cooperation p{ line-height:36px; color:#545353; font-size:14px;}





.contact{ background:#f7f7f7;  display:block; overflow:hidden; padding-bottom:40px;}

.contact_t{ width:1200px; margin:auto;}

.kf_two{ width:1200px; margin:auto; height:140px; background:url(../images/contact_bg2.png) no-repeat left top; border-bottom:1px dashed #cecece;}

.kf_two h3{ font-size:24px; color:#62bd19; margin-top:10px; margin-left:200px; font-weight:normal;}

.kf_two p{ font-size:16px;  color:#2b2b2b; line-height:36px;}

.kf_two div{ margin-top:15px; margin-bottom:63px; margin-left:145px;}

.kf_two div span{ color:#fe0000; font-size:16px;}

.kf_two div p{ line-height:38px; margin-top:20px;}







.contact_b{ width:1200px; margin:auto; background:url(../images/contact_b1.png) no-repeat; height:310px; margin-top:50px;}

.contact_b ul{ margin-left:355px; margin-top:35px; float:left;}

.contact_b ul li h3{ color:#2f2f2f; font-size:30px; font-weight:normal; margin-bottom:10px;}

.contact_b ul li{ line-height:32px; font-size:16px; color:#000000;}





.contact_dt{ width:1200px; margin:auto; margin-top:30px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

















.zxly{ background:url(../images/Contact_5.jpg) no-repeat 690px bottom; margin-top:20px; width:1198px; margin:auto; border:1px solid #ccc; margin-top:22px;}

.zxly_title{ border-bottom:1px solid #ccc; width:558px; height:37px; line-height:37px; margin-left:19px; margin-right:17px; font-size:16px; color:#333333; font-family:"微软雅黑"; margin-bottom:30px;}

.zxly div span{ width:70px; display:block; float:left; text-align:right; line-height:37px; font-size:14px; font-family:"微软雅黑";}

.zxly div{ margin-left:25px;}

.zxly div input{ width:236px; height:35px; border:1px solid #7f9db9; background:#fff; margin-bottom:15px; padding-left:5px;}

.zxly div textarea{ width:450px; height:140px;}

#tj_button input{ width:56px; height:25px; background:url(../images/Contact_11.jpg) no-repeat; border:none; float:left; cursor:pointer; margin-right:25px; margin-left:70px; margin-top:25px;}

#cz_button input{ width:56px; height:25px; background:url(../images/Contact_22.jpg) no-repeat; border:none;cursor:pointer; margin-top:25px;}















.product_de{ margin:20px;}



#preview{ float:left; text-align:center; width:330px; margin-right:25px;}

.jqzoom{ width:328px; height:328px; position:relative; border:1px solid #e9e9e9;}

.zoomdiv{ left:859px; height:400px; width:400px;}

.list-h li{ float:left;}

#spec-n5{width:336px; height:68px; padding-top:6px; overflow:hidden;}

#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:6px;}

#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:6px;}

#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:57px; height:57px; padding-right:19px;}

#spec-list ul li img{ border:1px solid #ccc; width:55px; height:55px;}



/*jqzoom*/

.jqzoom{position:relative;padding:0;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list{ position:relative; width:296px; margin-right:5px; margin-left:10px;}

#spec-list div{ margin-top:0;}







.product_de_wz{ float:left; width:525px;}

.product_de_wz h3{ font-size:26px; line-height:48px; font-weight:normal;}

.product_de_wz p{ line-height:30px; font-size:16px;}

.product_de_dh{ background:url(../images/product_de_dh.jpg) no-repeat; height:32px; line-height:36px; font-size:16px; color:#000000; padding-left:42px;}

.product_de_dh span{ margin-right:60px;}

.product_de_an a{ background:#70b02d; width:196px; height:46px; text-align:center; line-height:46px; color:#fff; display:block; overflow:hidden; float:left; font-size:16px; text-transform:uppercase; margin-top:30px; margin-right:20px;}

#leave_message{ background:#6d6563;}











.products_xxnr{ width:870px; float:left; margin-top:30px; margin-left:19px; overflow:hidden;}

.products_xxnr .demo{ width:870px;position:relative;}

.products_xxnr .tabbtn{height:39px; border-bottom:1px solid #e6e6e6;}

.products_xxnr .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}

.products_xxnr .tabbtn li a{display:block;float:left;overflow:hidden;width:108px;text-align:center;cursor:pointer; height:39px;line-height:39px;font-family:"微软雅黑";width:126px; color:#666666; font-size:16px;}

.products_xxnr .tabbtn li.current a{   background:#70b02d;color:#fff;  }

.products_xxnr .tabcon{position:relative;overflow:hidden;   line-height:30px; font-size:15px; color:#303234;}

.products_xxnr .tabcon img{ max-width:750px; margin:15px;margin-top: 0;}

.products_xxnr .tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}

.products_xxnr #leftcon .subbox{width:9999em;}

.products_xxnr #leftcon .subbox .sublist{float:left;width:664px;}



.align-top{height: 35px;}



.spec_table caption, .spec_table th, .spec_table td {

    vertical-align: top;

    font-size: 13px;

    padding: 5px 20px;

    border: 1px solid #dddddd;

    min-width: 60px;

    background-color: #fff;

}

.tab.table_wrap .spec_table tr td.subtitle {

    box-sizing: border-box;

    padding-right: 40px;

    max-width: 320px;

}

.tab.table_wrap .spec_table tr td {

    padding-top: 20px;

    padding-bottom: 20px;

}

.tab.table_wrap .spec_table tr td {

    font-size: 15px;

    line-height: 24px;

    border-top: 1px solid #ddd;

    padding-top: 5px;

    padding-bottom: 6px;

}

.tab.table_wrap .spec_table tr th, .tab.table_wrap .spec_table tr td {

    vertical-align: top;

    border: none;

    padding-left: 0;

    padding-right: 0;

}





/*kefu*/



.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}

.scrollsidebar{position:absolute; z-index:999; top:150px; right:0;}

.side_content{width:154px; height:auto; overflow:hidden; float:left; }

.side_content .side_list {width:154px;overflow:hidden;}

.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}

.show_btn span { display:none;}

.close_btn{width:24px;height:24px;cursor:pointer;}

.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}

.side_title {height:46px;}

.side_bottom { height:8px;}

.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}

.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}

.close_btn span { display:none;}

.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}

.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}

.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}

.msgserver { text-align:center; margin-bottom:5px;}

.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}



/* blue skin as the default skin */

.side_title, .side_blue .side_title {background-position:-195px 0;}

.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}

.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}

.close_btn, .side_blue .close_btn {background-position:-44px 0;}

.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}

.show_btn , .side_blue .show_btn {background-position:-119px 0;}

.msgserver a, .side_blue .msgserver a {color:#06C;}



/* green skin  */

.side_green .side_title {background-position:-349px 0;}

.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}

.side_green .side_bottom {background-position:-349px -50px;}

.side_green .close_btn {background-position:-44px -23px;}

.side_green .close_btn:hover {background-position:-66px -23px;}

.side_green .show_btn {background-position:-147px 0;}

.side_green .msgserver a {color:#76a20c;}







/*固定的悬浮窗*/

.yb_conct {

    position: fixed;

    z-index: 9999999;

    top: 207px;

    right: -127px;

    cursor: pointer;

    transition: all .3s ease;

}

.yb_bar ul li {

    width: 180px;

    height: 53px;

    font: 16px/53px 'Microsoft YaHei';

    color: #fff;

    text-indent: 54px;

    margin-bottom: 3px;

    border-radius: 3px;

    transition: all .5s ease;

    overflow: hidden;

}

.yb_bar .yb_top {

    background: #3d71e7 url(../images/fixCont.png) no-repeat 0 0;

}



.yb_bar .yb_QQ {

    text-indent: 0;

    background: #3d71e7 url(../images/fixCont.png) no-repeat 0 -57px;

}

.yb_bar .yb_QQ_a {

    text-indent: 0;

    background: #3d71e7 url(../images/fixCont.png) no-repeat 0 -114px;

}

.yb_bar .yb_phone {

    background: #3d71e7 url(../images/fixCont.png) no-repeat 0 -171px;

}

.yb_bar .yb_mobile {

    background: #3d71e7 url(../images/fixCont.png) no-repeat 0 -227px;

}



.yb_bar .yb_ercode {

    /*height:200px;*/

    background: #3d71e7 url(../images/fixCont.png) no-repeat 0 -283px;

}

.hd_qr {

    margin-left: 30px;

}

.yb_QQ a,.yb_QQ_a a {

    display: block;

    text-indent: 54px;

    line-height: 53px;

    width: 100%;

    height: 100%;

    color: #fff;

}



/* 留言  */



#message{background: url(/images/message1.png) no-repeat;width: 280px;height: 375px;z-index: 9999;

    position: fixed;bottom: 0;left:0;}

#message h5{color: #6b6a6a;font-size: 14px;margin-top:45px;margin-left:12px;font-weight: normal}

#message h5 span{color: #888;font-size: 12px;}

#message textarea{width:235px;height:75px;margin-left:20px;margin-top:120px;color:#666;resize : none;}

#message p{margin-left:50px;}

#message p input{height: 26px;

    margin-top: 12px;

    border: none;

    margin-left: -2px;

    width: 200px;}

#message .subm{width: 97px;

    height: 35px;

    margin-left: 12px;

    margin-top: 15px;

    opacity: 0;cursor: pointer}

#closed{width: 25px;height:10px;position: relative;left: 250px;background: red;bottom: 345px;opacity: 0;margin:0;}

#open_a{background: url(/images/closed.png) no-repeat;width: 242px;height: 36px;z-index: 999;

    position: fixed;bottom: 0;left:0;}

#open_s{background: url(/images/close_h.png) no-repeat;width: 170px;height: 150px;z-index: 999;

    position: fixed;bottom: 0;right:0;}

#message_a{background: url(/images/heng.png) center top no-repeat;width: 100%;height: 157px;z-index: 9999;

    position: fixed;bottom: 0;left:0;}

#close_a{width: 50px;height:40px;opacity: 0;float: right;}

.message_h{width: 1200px;

    height: 100px;

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;}

#message_a form{width:580px;height:90px;margin-left: 580px;float: left;}

#message_a form textarea{width:487px;height:50px;color:#666;resize : none;}

#message_a form p input{height:32px;border: none;margin-right: 22px;margin-top:15px;}

#message_a form .submi{    float: right;

    width: 140px;opacity: 0;cursor: pointer;

    height: 80px;

    margin-top: -90px;}